<template>
  <div style="font-size: 0.35rem">
    <div>
        <p style="float:left;padding-left:0.4rem;" @click="out"><</p>
        <p style="text-align: center; margin-top: 0.5rem">账号设置</p>
    </div>
    
    <div>
      <p
        style="
          height: 1rem;
          line-height: 1rem;
          padding-left: 0.4rem;
          padding-right: 0.4rem;
        "
      >
        <span>账号</span
        ><span style="display: inline-block; float: right"
          ><input
            type="text"
            v-model="sjh"
            style="width: 60%; float: right; border: none"
        /></span>
      </p>
      <p
        style="
          height: 1rem;
          line-height: 1rem;
          padding-left: 0.4rem;
          padding-right: 0.4rem;
        "
        @click="zhu"
      >
        <span>注销账号</span
        ><span style="display: inline-block; float: right"
          >注销后账号无法恢复 <span style="color: #ccc">></span></span
        >
      </p>
    </div>
  </div>
</template>

<script setup lang="ts">
import axios from 'axios'
import { ref } from 'vue'
import {useRouter} from 'vue-router'
const router=useRouter()

const out=()=>{
    router.push('/ding/users')
}

const sjh = ref('')
sjh.value = localStorage.getItem('username')
const zhu=()=>{
    router.push('/ding/zhu')
}
</script>

<style></style>
